<!doctype html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>简易聊天室</title>
	<link rel="stylesheet" href="/style.css" />
</head>
<body>
	<div class="container">
		<header>
			<h1>WebSocket 聊天室</h1>
			<div id="self"></div>
		</header>
		<main>
			<aside>
				<h3>在线用户</h3>
				<ul id="online"></ul>
			</aside>
			<section class="chat">
				<ul id="messages"></ul>
				<form id="form">
					<input id="input" placeholder="输入消息，按 Enter 发送" autocomplete="off" />
					<button type="submit">发送</button>
				</form>
			</section>
		</main>
	</div>
	<script src="/app.js"></script>
</body>
</html>
